<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
	<title>蒲公英-后台管理系统</title>
	<script src="${ctx}/static/vendor/jquery/jquery-1.11.3.min.js" type="text/javascript"></script>
	<script type="text/javascript">$.extend({"ctx": "${ctx}"});</script>
	<!--[if lt IE 8]><script>window.location.href=$.ctx+"/common/browse/";/*IE8以及IE8以下版本可识别*/</script><![endif]-->
	
	<link rel="shortcut icon" href="${ctx}/static/imgs/favicon.ico" />
	<link rel="stylesheet" href="${ctx}/static/css/manager/login.css" />
	<link rel="stylesheet" href="${ctx}/static/vendor/fontawesome/css/font-awesome.min.css" />
	<link rel="stylesheet" href="${ctx}/static/vendor/fullpage/jquery.fullpage.min.css" />
	<script type="text/javascript" src="${ctx}/static/vendor/jquery/plugins/jquery.base64.js"></script>
	<script type="text/javascript" src="${ctx}/static/vendor/jquery/plugins/jquery.cookie.js"></script>
	<script src="${ctx}/static/vendor/easyui/release/jquery.jdirk.min.js"></script>
	<script type="text/javascript" src="${ctx}/static/vendor/fullpage/jquery.fullpage.min.js"></script>
	<script type="text/javascript" src="${ctx}/static/js/manager/login.js"></script>
	<script type="text/javascript" src="${ctx}/static/js/common/tools.js"></script>
</head> 
<body>

	<ul id="menu">
		<li data-menuanchor="login" class="active"><a href="#login">登录</a></li>
		<li data-menuanchor="iforgot"><a href="#iForgot">忘记密码</a></li>
		<li data-menuanchor="help"><a href="#help">寻求帮助</a></li>
	</ul>
	
	<div id="fullpage">
		<div class="section login">
			<div class="container">
			
				<div class="login-box">
					<h4><i class="fa fa-coffee"></i>请输入您的登录信息</h4>
					<fieldset>
						<label>
							<span class="block">
								<input type="text" class="form-control" name="account" placeholder="账号" />
								<i class="fa fa-user"></i>
							</span>
						</label>
						<label>
							<span class="block">
								<input type="password" class="form-control" name="password" placeholder="密码" />
								<i class="fa fa-lock"></i>
							</span>
						</label>
						<label id="validBox">
							<span class="block">
								<input type="text" class="form-validCode" name="captchaCode" placeholder="验证码" />
								<img src="${ctx}/manager/system/user/captchaCode" class="validaCode-img" id="captchaImage" />
							</span>
						</label>
						
						<div class="btn-box">
							<label class="inline">
								<input type="checkbox" class="remember" id="remember" />
								<span>记住我</span>
							</label>
							<button class="login-btn btn-1" id="loginBtn">
								<i class="fa fa-key"></i>
								<span class="bigger-110">登录</span>
							</button> 
						</div>
					</fieldset>
					
					<div class="space"></div>
					<div class="msg-box" id="showErrorMsg">
						<span class="msg-info"></span>
					</div>
					
					<div class="social-or-login"> 
						<span>使用其他账号登录</span>
					</div>
					
					<div class="social-login">
						<a class="btn-primary">
							<i class="fa fa-facebook"></i>
						</a>
						<a class="btn-info">
							<i class="fa fa-twitter"></i>
						</a>
						<a class="btn-danger">
							<i class="fa fa-google-plus"></i>
						</a>
					</div>
				</div>
				
			</div>
		</div>
		<div class="section iforgot">
			<div class="container">
				<div class="iforgot-box">
					<h4><i class="fa fa-bug"></i>找回密码</h4>
					
					<fieldset>
						<label>
							<span class="block">
								<input type="text" class="form-control" name="iforgotAccount" placeholder="账号" />
								<i class="fa fa-user"></i>
							</span>
						</label>
						<label>
							<span class="block">
								<input type="text" class="form-validCode" name="iforgotCaptchaCode" placeholder="验证码" />
								<img src="${ctx}/manager/system/user/captchaCode" class="validaCode-img" id="iForgotcaptchaImage" />
							</span>
						</label>
						
						<div class="btn-box">
							<button class="login-btn btn-1" id="iforgotBtn">
								<i class="fa fa-envelope"></i>
								<span class="bigger-110">发送</span>
							</button>
						</div>
						
					</fieldset>
					<div class="space"></div>
					<div class="iforgot-msg iforgot-msg-error" id="iforgotMsg">
						<span class="msg-info"></span>
					</div>
				</div>
			</div>
		</div>
		<div class="section help">
			<div class="slide" id="slide1" data-anchor="slide1">
				<h1>Slide 1</h1>
			</div>
		    <div class="slide" id="slide2" data-anchor="slide2">
				<h1>Slide 2</h1>
			</div>
			<div class="slide" id="slide3" data-anchor="slide3">
				<h1>Slide 3</h1>
			</div>	<div class="slide" id="slide3" data-anchor="slide3">
				<h1>Slide 4</h1>
			</div>
			<div class="slide" id="slide3" data-anchor="slide3">
				<h1>Slide 5</h1>
			</div>
		</div>
	</div>
	
</body>
</html>